<template>
  <div :class="styles.news">
    <div :class="styles['news-title']">
      <span>京东快报<i class="icon-more"></i></span>
      <a>
        更多<i class="iconfont icon-arrow-right"></i>
      </a>
    </div>
    <div :class="styles['news-content']">
      <ul>
        <li v-for="news in newsData" :key="news.news">
          <item :news="news"></item>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  import styles from './news.scss'
  import item from './news/item'
  import {NEWS_DATA} from '@util/constant'


  export default {
    name: "news",
    components: {
      item
    },
    model: {},
    props: {},
    data() {
      return {
        styles,
        newsData: NEWS_DATA
      }
    },
    computed: {},
    created: function () {

    },
    mounted: function () {

    },
    updated: function () {

    },
    beforeDestroy: function () {

    },
    destroyed: function () {

    },
    methods: {}
  }
</script>
